<div class="box special">
	<div class="box-title">
		<span class="cat-title green"><?php echo $this->resource->product_category;?></span>
	</div>
	<div class="box-content">
		<?php echo $this->html->renderAction('category', 'Component', 'Product')?>
	</div>
</div>
<div class="box">
	<div class="box-title">
		<span class="cat-title white"><?php echo $this->resource->online_support?></span>
	</div>
	<div class="box-content">
		<ul class="onlineSupport">
		<?php foreach ($arrSupport as $key => $arr):?>
			<?php foreach ($arr as $support):?>
				<li>
					<a href="ymsgr:sendim?kinhdoanh01&amp;m=Hello" class="yahooStatus" rel="<?php echo $support->yahoo_id?>">
						<img src="<?php echo $this->url->content("Content/VietTrung/img/online.png")?>" height="15"/>
					</a>
					<a href="skype:<?php echo $support->skype_id?>?call">
						<img src="http://mystatus.skype.com/smallicon/<?php echo $support->skype_id?>" style="border: none;" width="15" height="15" alt="My status">
					</a>
					<span class="supportName"><?php echo $support->name?></span>
				</li>
			<?php endforeach;?>
		<?php endforeach;?>
		</ul>
	</div>
</div>
<div class="box">
	<div class="box-title">
		<span class="cat-title white">Video</span>
	</div>
	<div class="box-content">
		<div id="videoContainer"></div>
	</div>
</div>
<script>
$(document).ready(function(){
	$(".yahooStatus").each(function(){
		data = {
    			yahooID: $(this).attr("rel")
            };
        var obj = $(this);
		$.ajax({
			url: "<?php echo $this->url->action("yahooStatus","Components", "");?>",
    		data: data,
    		type: "POST",
    		dataType: "json",
    		success: function(response){
				obj.html('<img src="' + response.image + '" height="15"/>');
        	}
    	});
	});
});
jwplayer("videoContainer").setup({
	flashplayer: "<?php echo $this->url->content('Content/VietTrung/flash/jwplayer.swf')?>",
	file: "http://www.youtube.com/watch?v=3qhMPci1Vno",	
	controlbar: "bottom",
	width: 242,
	height: 170
	//logo: "Logo8am.png",
	//'logo.position': "top-left",
	//'logo.hide': "false",
	//image: "Logo8am.png"
});
</script>